关键字: screen
  • 关于响应式设计
    欢迎移步 一句话概括响应式网页设计 如果要用一句话概括响应式网页设计,我觉得它是针对任意设备对网页内容进行完美布局的一种显示机制。 响应式网页设计这个术语还有一堆表示相同意思的其他叫法,如流式设计、弹性布局、塑料布局、流体设计、自适应布局、 ...
  • 日常工作知识点集合之vue
    1.vue移动端项目中遇到的问题 window.scrollTo(0, 0) //页面切换时强制滚动到顶端 //多个接口报错时,避免报错信息重叠 async fetchData() { this.isAllFetchErro ...
  • web前端入门到实战:宣传页项目实战
    编辑器:sublime text3 标注工具:PxCook 切图工具:PS 开发前准备:设计图标注 PxCook 空格键可以上下拖动 大致标注图纸:(可惜不能文字标注和拉参考线) 开发前准备:PS切图 在指定图层上新建一个图层,使用ctr ...
  • 注意了,有关学习前端的一些“坑”,别踩!
    都记录一些有关前端方面的冷知识或者一些易踩坑点,防止大家踩坑。JavaScript所有对象都有 __proto__ 属性,都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...
  • @media 详细介绍
    首先看看官方释义: image.png @media mediatype and|not|only (media feature) { CSS-Code; } mediatype 指的是媒体类型,也就是说获取到的设备类型。 以下是c ...
  • web前端入门到实战:常用的5个css代码(scss mixin)
    封装成mixin复用 在写css的时候, 很多样式都是很常用但是写起来很麻烦, 虽然现在有很多成熟的ui框架, 但是我们也不能一个简单的活动页也引入那么大个框架吧? 在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了5 ...
  • web前端入门到实战:html5网页特效-水墨动画
    效果 鼠标触碰按钮,出现水墨风格动画 屏幕自适应 一份html文件,一份css文件,无javascript,上手程度:很简单 笔记 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说,:root 表示元素,除了优先级更 ...
  • 如何实现优美的骨架屏
    对于前端来说,最重要的莫过于用户体验了,这次我们聊一聊骨架屏 - Skeleton Screen 我们平常对于需要请求加载的内容,可能用的比较多的是loading动画,比如在内容区域放一个菊花图,当请求结束,并且render tree构造完 ...
  • web前端入门到实战:CSS的语法与工作流
    本篇则主要介绍CSS的语法与CSS是如何工作的。 CSS语法 1. 基本规则 CSS规则主要由两部分组成:选择器(selector)与声明(declarations)。 选择器(selector)是开发者希望改变样式的HTML元素。 声明( ...
  • angular7 echarts中国散点图
    angular7中引入中国地图 最近项目中需要做一个数据大屏,用中国地图散点图展示一些数据, 图表用的是echart4.2.1,angular版本是7.1.0 下面简要介绍一下实现过程: 第一步: 在angular.json中引入china ...

暂无数据